<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>友情链接</title>
    <link href="css/link.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/http   code.jquery.com jquery-1.7.1.js"></script>		
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            $('ul.link_nav a').bind('click',function(event){
                var $anchor = $(this);
                
                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top
                }, 2200,'easeInOutExpo');
                /*
                if you don't want to use the easing effects:
                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top
                }, 1000);
                */
                event.preventDefault();
            });
        });
    </script>
     <script type="text/javascript">
		$(function() {
			var d=300;
			$('#our_label a').each(function(){
				$(this).stop().animate({
					'marginTop':'-80px'
				},d+=150);
			});

			$('#our_label > li').hover(
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-30px'
				},200);
			},
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-80px'
				},200);
			}
		);
		});
	</script>
</head>

<body>
	<ul id="our_label">
    	<li class="about_us"><a href="#" class="about_us"></a></li>
        <li class="contact_us"><a href="#" class="contact_us"></a></li>
    </ul>
	<div class="content">
        <div class="navigation">
            <div class="nav">
                <a href="#" class="link" onmouseover="link.style.display = 'block'" onmouseout="link.style.display = 'none'"></a>
                <a href="album.html" class="album" onmouseover="album.style.display = 'block'" onmouseout="album.style.display = 'none'"></a>
                <a href="bulletin.html" class="bulletin" onmouseover="bulletin.style.display = 'block'" onmouseout="bulletin.style.display = 'none'"></a>
                <a href="bbs.html" class="bbs" onmouseover="bbs.style.display = 'block'" onmouseout="bbs.style.display = 'none'"></a>
                <a href="contact.html" class="contact" target="_blank" onmouseover="contact.style.display = 'block'" onmouseout="contact.style.display = 'none'"></a>
                <a href="index.html" class="home" onmouseover="home.style.display = 'block'" onmouseout="home.style.display = 'none'"></a>
            </div>
            <div class="nav_name">
                <ul>
                    <li><img src="images/nav_link.png" style="display:block"/></li>
                    <li><img src="images/nav_album.png" id="album"/></li>
                    <li><img src="images/nav_bulletin.png" id="bulletin"/></li>
                    <li><img src="images/nav_bbs.png" id="bbs"/></li>
                    <li><img src="images/nav_contact.png" id="contact"/></li>
                    <li><img src="images/nav_home.png" id="home"/></li>
                </ul>
            </div>
        </div>
    
        <div class="section bg_a" id="section1">
            <h2>校内导航</h2>
            <p>
                MY Spectre around me night and day
                Like a wild beast guards my way;
                My Emanation far within
                Weeps incessantly for my sin.
            </p>
            <ul class="link_nav">
                <li>校内导航</li>
                <li><a href="#section2">学习资源</a></li>
                <li><a href="#section3">休闲娱乐</a></li>
            </ul>
            <div class="centerspace">
                <div class="part_1_1">
                	<div class="sec1_pic1">
                        <a target="_blank" href="http://www.zuiwan.net/">
                            <img src="images/link_logo/zuiwanting.png" />
                            <p>醉晚亭</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a href="http://www.husteye.cn">
                            <img src="images/link_logo/husteye.png" />
                            <p>华工眼</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://bbs.whnet.edu.cn/">
                            <img src="images/link_logo/baiyun.png" />
                            <p>白云黄鹤</p>
                        </a>
                    </div>
                     <div class="sec1_pic1">
                         <a target="_blank" href="http://www.hust.edu.cn/">
                            <img src="images/link_logo/hust.png" />
                            <p>华中科技大学</p>
                         </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://qiming.hust.edu.cn/">
                            <img src="images/link_logo/qiming.png" />
                            <p>启明学院</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://www.lib.hust.edu.cn/index.nsf/index?openform">
                            <img src="images/link_logo/library.png" style="margin-top:18px;" />
                            <p>图书馆</p>
                        </a>
                    </div>
                     <div class="sec1_pic1">
                         <a target="_blank" href="http://www.hustonline.net/">
                            <img src="images/link_logo/iknower.png" style="margin-top:28px" />
                            <p>华中大在线</p>
                        </a>
                    </div>
                </div>
                <div class="part_1_2">
                        <div class="sec1_pic1">
                        <a target="_blank" href="http://122.205.11.77/">
                            <img src="images/link_logo/hustJWC.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://nc.hust.edu.cn/">
                            <img src="images/link_logo/netcenter.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://202.114.9.2:8080/markbook/GetIndex.jsp">
                            <img src="images/link_logo/tushuguan.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://www.auhust.net/">
                            <img src="images/link_logo/shelian.png" />
                            <p></p>
                        </a>
                    </div>
            	</div>
            </div>
        </div>
        <div class="section bg_b"></div>
        <div class="section bg_a" id="section2">
            <h2>学习资源</h2>
            <p>
                'A fathomless and boundless deep,
                There we wander, there we weep;
                On the hungry craving wind
                My Spectre follows thee behind.
    
            </p>
            <ul class="link_nav">
                <li><a href="#section1">校内导航</a></li>
                <li>学习资源</li>
                <li><a href="#section3">休闲娱乐</a></li>
            </ul>
             <div class="centerspace">
                <div class="part_1_1">
                	<div class="sec1_pic1">
                        <a target="_blank" href="http://www.zuiwan.net/">
                            <img src="images/link_logo/zuiwanting.png" />
                            <p>醉晚亭</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a href="http://www.husteye.cn">
                            <img src="images/link_logo/husteye.png" />
                            <p>华工眼</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://bbs.whnet.edu.cn/">
                            <img src="images/link_logo/baiyun.png" />
                            <p>白云黄鹤</p>
                        </a>
                    </div>
                     <div class="sec1_pic1">
                         <a target="_blank" href="http://www.hust.edu.cn/">
                            <img src="images/link_logo/hust.png" />
                            <p>华中科技大学</p>
                         </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://qiming.hust.edu.cn/">
                            <img src="images/link_logo/qiming.png" />
                            <p>启明学院</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://www.lib.hust.edu.cn/index.nsf/index?openform">
                            <img src="images/link_logo/library.png" style="margin-top:18px;" />
                            <p>图书馆</p>
                        </a>
                    </div>
                     <div class="sec1_pic1">
                         <a target="_blank" href="http://www.hustonline.net/">
                            <img src="images/link_logo/iknower.png" style="margin-top:28px" />
                            <p>华中大在线</p>
                        </a>
                    </div>
                </div>
                <div class="part_1_2">
                        <div class="sec1_pic1">
                        <a target="_blank" href="http://122.205.11.77/">
                            <img src="images/link_logo/hustJWC.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://nc.hust.edu.cn/">
                            <img src="images/link_logo/netcenter.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://202.114.9.2:8080/markbook/GetIndex.jsp">
                            <img src="images/link_logo/tushuguan.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://www.auhust.net/">
                            <img src="images/link_logo/shelian.png" />
                            <p></p>
                        </a>
                    </div>
            	</div>
            </div>
        </div>
        <div class="section bg_b"></div>
        <div class="section bg_a" id="section3">
            <h2>休闲娱乐</h2>
            <p>
                'He scents thy footsteps in the snow
                Wheresoever thou dost go,
                Thro' the wintry hail and rain.
                When wilt thou return again?
    
            </p>
            <ul class="link_nav">
                <li><a href="#section1">校内导航</a></li>
                <li><a href="#section2">学习资源</a></li>
                <li>休闲娱乐</li>
            </ul>
             <div class="centerspace">
                <div class="part_1_1">
                	<div class="sec1_pic1">
                        <a target="_blank" href="http://www.zuiwan.net/">
                            <img src="images/link_logo/zuiwanting.png" />
                            <p>醉晚亭</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a href="http://www.husteye.cn">
                            <img src="images/link_logo/husteye.png" />
                            <p>华工眼</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://bbs.whnet.edu.cn/">
                            <img src="images/link_logo/baiyun.png" />
                            <p>白云黄鹤</p>
                        </a>
                    </div>
                     <div class="sec1_pic1">
                         <a target="_blank" href="http://www.hust.edu.cn/">
                            <img src="images/link_logo/hust.png" />
                            <p>华中科技大学</p>
                         </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://qiming.hust.edu.cn/">
                            <img src="images/link_logo/qiming.png" />
                            <p>启明学院</p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://www.lib.hust.edu.cn/index.nsf/index?openform">
                            <img src="images/link_logo/library.png" style="margin-top:18px;" />
                            <p>图书馆</p>
                        </a>
                    </div>
                     <div class="sec1_pic1">
                         <a target="_blank" href="http://www.hustonline.net/">
                            <img src="images/link_logo/iknower.png" style="margin-top:28px" />
                            <p>华中大在线</p>
                        </a>
                    </div>
                </div>
                <div class="part_1_2">
                        <div class="sec1_pic1">
                        <a target="_blank" href="http://122.205.11.77/">
                            <img src="images/link_logo/hustJWC.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://nc.hust.edu.cn/">
                            <img src="images/link_logo/netcenter.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://202.114.9.2:8080/markbook/GetIndex.jsp">
                            <img src="images/link_logo/tushuguan.png" />
                            <p></p>
                        </a>
                    </div>
                    <div class="sec1_pic1">
                        <a target="_blank" href="http://www.auhust.net/">
                            <img src="images/link_logo/shelian.png" />
                            <p></p>
                        </a>
                    </div>
            	</div>
            </div>
        </div>
	</div>
</body>
</html>
